﻿@{
    ViewBag.Title = "Tabela";
}

<h2>Tabela</h2>

@if (ViewBag.IsTeams)
{

<table id="table" class="tablesorter">
    <thead>
        <tr>
            <th>Drużyna</th>
            <th>Mecze ogółem</th>
            <th>Mecze wygrane</th>
            <th>Mecze przegrane</th>
            <th>Punkty</th>            
            <th class="aos">Bilans</th>
            <th class="aos">Stosunek</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in ViewBag.TeamsList)
        {
            <tr>
                <td><a href="/Team/Details/@item.Team.TeamId">@item.Team.TeamName</a></td>
                <td>@item.TotalMatches</td>
                <td>@item.WinsMatches</td>
                <td>@item.LostMatches</td>
                <td>@item.TotalPoints</td>
                <td class="aos">@item.Balance</td>
                <td class="aos">@item.Relation</td>
            </tr>
        }
    </tbody>
</table>
    <a href="#" class="ranking_more">Więcej szczegółów</a>
<script type="text/javascript">
    $(document).ready(function () {
        $.tablesorter.defaults.widgets = ['zebra'];
        $("table").tablesorter({
            sortList: [[4, 1]]
        });

        var ranking_more = false;
        $('.ranking_more').click(function (e) {
            e.preventDefault();
            if (ranking_more) {
                $('.aos').hide();
                ranking_more = false;
                $(this).html('Więcej szczegółów');
            } else {
                $('.aos').show();
                ranking_more = true;
                $(this).html('Mniej szczegółów');
            }
        });
    });
</script>
    
}
else
{
    <b>Brak aktywnego sezonu.</b>
}